<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css" media="screen">
		@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?wii77y');
  src:  url('fonts/icomoon.eot?wii77y#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?wii77y') format('truetype'),
    url('fonts/icomoon.woff?wii77y') format('woff'),
    url('fonts/icomoon.svg?wii77y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
		* {
			margin: 0;
			padding: 0;
		}
		body {
			background-color: #121614;
		}
		div {
			width: 100px;
			height:100px;
			border-radius: 50%;
			box-shadow: 1px 1px 6px #000,1px 1px 6px #000;
			background-color: #282923;
			margin: 250px auto;
			font-family: "icomoon";
			font-size: 50px;
			color: #0F1D9A;
			text-align: center;
			line-height: 95px;
			cursor: pointer;
			text-shadow: 2px 2px 6px #1722CB,-2px -2px 6px #1722CB;
		}
	</style>
</head>
<body>
	<div class="button"></div>
	<audio autoloop loop  src="Fear Within (Alternate No Choir Variant).mp3">
		<source src="/media/audio.oga">
		<source src="/media/audio.wav">
		<object type="audio/x-wav" data="/media/audio.wav" width="290" height="45">
			<param name="src" value="/media/audio.wav">
			<param name="autoplay" value="false">
			<param name="autoStart" value="0">
			<p><a href="/media/audio.wav">Download this audio file.</a></p>
		</object>
	</audio>
	<script type="text/javascript">
		var button = document.querySelector('div');
		var audio = document.querySelector('audio');
		var num = true;
		button.addEventListener('mouseover',function() {
			button.style.transition = 'all 1s';
			button.style.color = '#23BB16';
			button.style.textShadow = '2px 2px 6px #26B520,-2px -2px 6px #26B520';
			button.style.boxShadow = '1px 1px 10px #000,1px 1px 10px #000';
		})
		button.addEventListener('mouseout',function() {
			button.style.transition = 'all 1s';
			button.style.color = '#0F1D9A';
			button.style.textShadow = '2px 2px 6px #1722CB,-2px -2px 6px #1722CB';
			button.style.boxShadow = ' 1px 1px 6px #000,1px 1px 6px #000';
		})
		button.addEventListener('click',function(){
			button.style.transition = 'all 1s';
			button.style.color = '#DB1818';
			button.style.textShadow = '2px 2px 10px #E3252D,-2px -2px 10px #E3252D';
			if(num) {
				audio.play();
				num = false;
			} else {
				audio.src = 'Fear Within (Alternate No Choir Variant).mp3';
				num = true;
			}
		})
	</script>
</body>
</html>